window.onload = function () {
    // 登录注册的地方应该显示昵称
    // 获取昵称
    // 获取本地存储中的数据
    // localStorage.getItem(键)
    window.id = localStorage.getItem('id')
    // console.log(id);
    window.token = localStorage.getItem('token')

    sendAjax({
        url: 'http://localhost:8888/users/info',
        data: {
            id: id
        },
        headers: {
            authorization: token
        },
        success: res => {
            res = JSON.parse(res)
            console.log(res);
            if (res.code === 1) {
                var {
                    info: {
                        username
                    }
                } = res;
                // console.log(nickname);
                // 自定义拼接一个需要显示的内容
                var str = `
                欢迎您，<a href="#" class="user">${username}</a>
                <a href="javascript:;" class="logout" onclick="logouts()">退出</a>
                `
                document.querySelector('.userinfo').innerHTML = str
            }
        }
    })

}
// 定义退出函数
function logouts() {
    // 询问是否要退出
    layer.confirm('你确定要残忍离开吗？', {
            btn: ['当然', '再想想'] //按钮
        }, function () {
            // 点击了第一个按钮后要执行的代码
            // 退出操作
            sendAjax({
                url: 'http://localhost:8888/users/logout/' + id,
                success: res => {
                    res = JSON.parse(res)
                    var {
                        message,
                        code
                    } = res
                    if (code === 1) {
                        layer.alert(message, {
                            icon: 1,
                            time: 1500
                        }, function () {
                            // 注销成功跳转到首页
                            location.href = "04.list.html"


                            // 删除本地存储
                            localStorage.removeItem('id')
                            localStorage.removeItem('token')
                        })
                    }
                    // console.log(res);
                }
            })
        }
        /*, function(){
                // 点击了第二个按钮后要执行的代码

            }*/
    );
}




var ul = document.querySelector('.shang ul')
// var start = 0

$.ajax({
    url: 'https://list.mogu.com/search',
    // 如果是jsonp请求，一定要传dataType，值必须是jsonp
    dataType: 'jsonp',
    data: {
        // callback: jQuery211011968344062945513_1634803109232
        _version: 8193,
        ratio: ' 3:4',
        cKey: 15,
        page: 1,
        sort: 'pop',
        ad: 0,
        fcid: 50273,
        action: 'clothing',
        acm: '3.mce.1_10_1pq6a.132494.0.7OS5bsMsvVFCn.pos_871-m_600133-sd_119',
        ptp: '31.v5mL0b.0.0.QeU0Pbw2',
        _: new Date()
    },
    success: res => {
        // console.log(res);

        var arr = res.result.wall.docs
        console.log(arr);
        var pageSize = 12
        new Page('page', {

            pageData: {
                total: arr.length,
                pageSize
            },
            show: function (currentPage) {
                var brr = arr.slice((currentPage - 1) * pageSize, currentPage * pageSize)
                // 显示页面中
                var str = ``
                brr.forEach(item => {
                    str += `
                        <li>
                            <img src="${item.img}" width=300 height=400>
                            <p class="title">${item.title}</p>
                            <p class="pnum">￥${item.price}元</p>
                            <a href="05.detail.html?id=${item.cfav}">查看详情</a>
                        </li>
                    `
                })
                ul.innerHTML = str
            }
        })

    }
})